home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 April / PCWorld_2008-04_cd.bin / system / undelete / undelete_plus_setup.exe / {app} / up-help.chm / styles.css < prev    next >
Cascading Style Sheet File  |  2007-01-11  |  12KB  |  718 lines
  1. ul,ol { list-style:none }
  2. h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
  3. h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
  4. { margin:0; padding:0 }
  5. a img,:link img,:visited img { border:none }
  6. address { font-style:normal }
  7.  
  8. html, body {
  9.     width:100%;
  10.     height:100%;
  11.     padding:0;
  12.     margin:0;
  13.     background-color:white;
  14. }
  15.  
  16.  
  17. /* FONTS */
  18. /* ===== */
  19.  
  20. body, p, input, select, option, td {
  21.     font-family:Verdana, Arial, Helvetica, sans-serif;
  22.     font-size:11px;
  23.     color:#686868;
  24. }
  25.  
  26. h1,h2,h3,h4,h5,h6 {
  27.     font-family:Verdana, Arial, Helvetica, sans-serif;
  28.     font-size:12px;
  29. }
  30.  
  31. h1 {
  32.     margin-bottom:15px;
  33. }
  34.  
  35. h2 {
  36.     margin-bottom:12px;
  37.     font-size:12px;
  38.     color:#c7674a;
  39.     font-weight:normal;
  40. }
  41.  
  42.  
  43. a, a:hover, a:visited, a:active {
  44.     color:#000000;
  45.     font-weight:bold;
  46. }
  47.  
  48. /* CONTAINER */
  49. /* ========= */
  50.  
  51.  
  52. table.container {
  53.     width:600px;
  54.     margin:15px auto;
  55. }
  56.     table.container td {
  57.         background:url("images/container_background.gif") repeat-y;
  58.         padding-left:27px;
  59.         padding-right:17px;
  60.     }
  61.     
  62.     /** html table.container td {
  63.         background-position: 1px;
  64.     }*/
  65.  
  66.     table.container td td,
  67.     table.container td.aboveTop {
  68.         background:none;
  69.     }
  70.  
  71.     table.container td.top {
  72.         height:14px;
  73.         font-size:5px;
  74.         background:url("images/container_top.gif") top no-repeat
  75.     }
  76.  
  77.     table.container td.nopadding {
  78.         padding-left:0px;
  79.         vertical-align: top;
  80.     }
  81.  
  82.  
  83.     table.container td.topHome {
  84.         padding: 0px;
  85.         height:14px;
  86.         font-size:5px;
  87.         border: 0px solid red;        
  88.     }
  89.  
  90.     table.container td.bottom {
  91.         height:10px;
  92.         font-size:5px;
  93.         background:url("images/container_bottom.gif")  bottom no-repeat;
  94.     }
  95.  
  96.  
  97. p {
  98.     margin-bottom:15px;
  99. }
  100.  
  101.  
  102.  
  103. /*    NAV */
  104. /*    === */
  105.  
  106. ul.nav,
  107. .nav ul {
  108.     margin: 0;
  109.     padding: 0;
  110.     cursor: default;
  111.     list-style-type: none;
  112.     /* fix for IE - double margin bug */
  113.     display: inline;
  114. }
  115.  
  116. ul.nav {
  117. }
  118.     ul.nav img,
  119.     ul.nav a,
  120.     ul.nav li {
  121.         margin:0;
  122.         padding:0;
  123.     }
  124.  
  125.     ul.nav li {
  126.         position: relative;
  127.         padding:0;
  128.         margin:0;
  129.         float:left;
  130.         margin-bottom:-3px;
  131.         z-index:2;    
  132.     }
  133.     
  134.     
  135.         ul.nav ul {
  136.             display: none;
  137.             position:absolute;
  138.             left:0;
  139.             top:36px;
  140.             margin-top:-3px;
  141.         }    
  142.     
  143.         ul.nav li:hover ul {
  144.             display: block;
  145.         }
  146.  
  147.         ul.nav ul li {
  148.             display:block;
  149.             width:100%;
  150.             background:url("images/subnav_background.gif") repeat-x top;
  151.             height:29px;
  152.             margin-bottom:0px;
  153.             padding: 0px 0px 0px 5px;
  154.             vertical-align: bottom;
  155.         }
  156.  
  157.         ul.nav ul li img {
  158.             margin:8px 0px 0px 3px;
  159.         }
  160.  
  161.         ul.nav ul li.top {
  162.             background:url("images/subnav_top_background.gif") top repeat-x;
  163.         }
  164.  
  165.         ul.nav ul a {
  166.             display: block;
  167.         }
  168.             
  169.     img.navBottom {
  170.         margin:0;
  171.         padding:0;
  172.     }
  173.     
  174.     /* i.e. hack */
  175.     * html img.navBottom {
  176.         position:relative;
  177.         z-index:1;
  178.         top:-1px;
  179.     }
  180.  
  181.  
  182. /*    QUICKNAV */
  183. /*    ======== */
  184.  
  185.     quickNav_path {
  186.         display:inline;
  187.         }
  188.  
  189.     quickNav_path a {
  190.         color:#aaaaaa;
  191.     }
  192.  
  193.  
  194.  
  195.     #quickNav {
  196.         float:right;
  197.     }
  198.     
  199.         #quickNav li {
  200.             display:inline;
  201.             margin-left:17px;
  202.         }
  203.         
  204.         #quickNav a {
  205.             color:#aaaaaa;
  206.         }
  207.         
  208.         #quickNav img {
  209.             vertical-align:bottom;    
  210.             margin-top:-1px;
  211.             padding-right:1px;
  212.             text-decoration:none;
  213.         }
  214.         
  215.     #quickNav.printEmail,  #quickNav.printEmail li{
  216.         position: relative;
  217.         top: -5px;
  218.         margin: 0px 0px 0px 5px;
  219.         padding: 0px;
  220.         border: 0px solid red;
  221.     }
  222.     
  223.     .printEmail-home {
  224.         position: relative;
  225.         top: -17px;
  226.         border: 0px solid red;
  227.     }    
  228.             
  229.     * html .printEmail-home {
  230.         position: relative;
  231.         top: -8px;
  232.         border: 0px solid red;
  233.         height: 20px;
  234.     }    
  235.     
  236.     * html .printEmail-home li {
  237.         position: relative;
  238.         top: 2px;
  239.         border: 1px solid white;
  240.     }
  241.  
  242. /*    CONTENT LAYOUTS */
  243. /*    =============== */
  244.  
  245.     .content2Column {
  246.         width:100%;
  247.         margin-top:8px;
  248.     }    
  249.     
  250.         .content2Column .left {
  251.             padding:0; 
  252.             width:170px; 
  253.             border:1px solid #b2b2b2;
  254.             vertical-align:top;
  255.             background:#f7f7f7;
  256.         }
  257.         
  258.         .content2Column .right {
  259.             padding:0;
  260.             padding-left:20px;
  261.             padding-top:5px;
  262.             vertical-align:top;
  263.             border-bottom:1px solid #b2b2b2;  
  264.         }
  265.  
  266.  
  267.     .contentArticle {
  268.         width:100%;
  269.         margin-top:8px;
  270.     }
  271.     
  272.         .contentArticle .left {
  273.             padding:0; 
  274.             padding-top:5px;
  275.             padding-left:10px;
  276.             vertical-align:top;
  277.         }
  278.  
  279.         .contentArticle .left table {
  280.             border-left: none;
  281.             border-right: 0px solid #cccccc;
  282.             border-top: none;
  283.             border-bottom: 0px solid #cccccc;
  284.         }        
  285.  
  286.         .contentArticle .left table td {
  287.             padding:5px;
  288.             border-left: 0px solid #cccccc;
  289.             border-right: none;
  290.             border-top: 0px solid #cccccc;
  291.             border-bottom: none;
  292.             border: 0px solid red;            
  293.         }        
  294.  
  295.         .contentArticle .left table.contentTable {
  296.             border-left: none;
  297.             border-right: 1px solid #cccccc;
  298.             border-top: none;
  299.             border-bottom: 1px solid #cccccc;
  300.         }        
  301.  
  302.         .contentArticle .left table.contentTable td {
  303.             padding:5px;
  304.             border-left: 1px solid #cccccc;
  305.             border-right: none;
  306.             border-top: 1px solid #cccccc;
  307.             border-bottom: none;
  308.         }        
  309.         
  310.         .contentArticle .left ul {
  311.             margin: 15px;
  312.         }        
  313.  
  314.         .contentArticle .left ul li {
  315.             list-style-type: disc;
  316.             padding: 0px;
  317.             margin: 0px;
  318.         }        
  319.  
  320.         .contentArticle .right {
  321.             padding:0;
  322.  
  323.             width:205px; 
  324.             vertical-align:top;
  325.         }
  326.  
  327.  
  328. .latestNews {
  329. }
  330.  
  331.  
  332.     img.viewProspectus {
  333.         display:block;
  334.         margin:0 auto;
  335.     }
  336.  
  337.     div.viewProspectusTower {
  338.         width:144px;
  339.         margin:0 auto;
  340.     }
  341.     
  342.     div.callout {
  343.         width:203px;
  344.         margin-left:auto;
  345.         margin-right:-5px;
  346.     }
  347.  
  348. /* FOOTER */
  349. /* ====== */
  350.  
  351. .footer {
  352.     margin-top:15px;
  353.     width:100%;
  354.     position:relative;
  355. }
  356.     .footer,
  357.     .footer a,
  358.     .footer p {
  359.         font-size:9px;
  360.         color:#b0afaf;
  361.         text-decoration:none;
  362.     }
  363.     
  364.     .footer a:hover {
  365.         text-decoration:underline;
  366.     }
  367.  
  368.     .copyright {
  369.         text-align:center;
  370.     }
  371.     
  372.     .credit {
  373.         position:absolute;
  374.         right:0px;
  375.     }
  376.  
  377.  
  378.     .contentArticle .left .sitemap1 li {
  379.         margin: 10px 0px 0px 0px; 
  380.         list-style-type: none;
  381.     }        
  382.  
  383.     .contentArticle .left .sitemap1 ul li{
  384.         margin: 0px 0px 0px 0px;  
  385.         list-style-type: none;
  386.     }        
  387.  
  388.     #thirdTier{
  389.         border: 0px solid red;
  390.         margin: 0px 0px 0px 15px;
  391.     }        
  392.  
  393. .sitemap1 a, .sitemap1{
  394.     font-family:Arial, Helvetica, sans-serif;
  395.     font-weight:bold;
  396.     color:#BE623B;
  397.     font-size:12px;
  398. }
  399.  
  400. .sitemap2 a{
  401.     font-family:Arial, Helvetica, sans-serif;
  402.     font-weight:normal;
  403.     color:#BE623B;
  404.     font-size:11px;
  405. }
  406.  
  407. table .gallery .img-shadow {
  408.   float:left;
  409.   background: url("images/dropshadow.gif") no-repeat bottom right;
  410.   margin: 10px 0 0 5px;
  411.   border: 0px solid red;
  412.   }
  413.  
  414. table .gallery .img-container {
  415.   text-align: center;
  416.   border: 0px solid red;
  417.   background: white;
  418.  
  419.   margin-left: 10px;
  420.   padding-left: 10px;
  421.   }  
  422.  
  423. * html table .gallery .img-container {  
  424.   margin-left: 3px;
  425.   padding-left: 3px;
  426. }
  427.  
  428. table .gallery .img-shadow img {
  429.   display: block;
  430.   position: relative;
  431.   background-color: none;
  432.   border: 1px solid #a9a9a9;
  433.   margin: -6px 6px 6px -6px;
  434.   padding: 4px;
  435.   } 
  436.   
  437.   
  438.   table .gallery {
  439.   background-color: none;
  440.   border: 0px solid green;
  441.   width: 100%;
  442.   
  443.   vertical-align: middle;
  444.   text-align:center;
  445.   
  446.   margin-bottom: 30px;
  447.   }
  448.   
  449.   .gallery-container {
  450.       text-align: center;
  451.     border: 0px solid red;
  452.     
  453.     height: 100%;
  454.     width: 100%;
  455.   }
  456.   
  457. /* SEARCH BAR AND LOGO
  458.    =================== */
  459.    
  460. .wrapper_top {
  461.     position: relative;
  462.     float: right;   
  463.     top: 22px;
  464.     font-weight: bold;
  465.     color: blue;
  466. }
  467.  
  468. .search_form_wrapper {
  469.     position: relative;
  470.     float: right;   
  471.     top: 90px;
  472.     right: 150px;
  473. }
  474.  
  475. .input_field input {
  476.     width: 150px;
  477.     height: 15px;
  478.     border: 1px solid #cccccc;
  479.     background-color: none;
  480. }
  481.  
  482. .logo {
  483.     float: left;
  484. }
  485.  
  486. .input_options input{
  487.     position: relative;
  488.     top: 3px;
  489.     left: 0px;
  490. }
  491.  
  492. .mag_glass {
  493.     position: relative;
  494.     top: 7px;
  495.     right: 2px;
  496. }
  497.  
  498. /* NAV MENU 
  499.    ======== */
  500.  
  501. #topnav_container {
  502.     border: 0px red solid;
  503.     height: 42px;
  504.     width: 776px;
  505.     background:url("images/nav_bottom.gif") no-repeat;
  506.     background-position:bottom;
  507. }   
  508.    
  509. #topnav, #topnav ul { /* all lists */
  510.     padding: 0;
  511.     margin: 0;
  512.     list-style: none;
  513.     line-height: 1;
  514. }
  515.  
  516. #topnav a {
  517.     display: block;
  518.     width: 193px;
  519. }
  520.  
  521. #topnav li { /* all list items */
  522.     float: left;
  523.     width: 193px; /* width needed or else Opera goes nuts */
  524.     text-align:center;
  525.     vertical-align: middle;
  526. }
  527.  
  528. #topnav li ul { /* second-level lists */
  529.     position: absolute;
  530.     background: orange;
  531.  
  532.     width: 10em;
  533.     left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  534.     
  535.     margin-top: 15px;
  536. }
  537.  
  538. #topnav li ul ul { /* third-and-above-level lists */
  539.     margin: -1em 0 0 4em;
  540. }
  541.  
  542. #topnav li:hover ul ul, #topnav li.sfhover ul ul {
  543.     left: -999em;
  544. }
  545.  
  546. #topnav li:hover ul, #topnav li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul { /* lists nested under hovered list items */
  547.     left: auto;
  548. }
  549.  
  550. .first {
  551.     height: 33px;
  552.     width: 190px;
  553.     border-left: 1px solid #BEBEBE;
  554.     background: url("images/top_level.gif");
  555.     font-family: Arial, Helvetica, sans-serif;
  556.     font-size: 16px;
  557. }
  558.  
  559. .first a {
  560.     text-decoration: none;
  561.     color: #999999;
  562. }
  563.  
  564. .first a:hover {
  565.     text-decoration: none;
  566.     color: #c7674a;
  567. }
  568.  
  569. .first .navItem {
  570.     position: relative;
  571.     top: 5px;
  572. }
  573.  
  574. .second {
  575.     height: 29px;
  576.     width: 190px;
  577.     border: 0px solid #ffffff;
  578.     background: url("images/subnav_background.gif");
  579.     font-family: Arial, Helvetica, sans-serif;
  580.     font-size: 14px;
  581. }
  582.  
  583. .third {
  584.     height: 29px;
  585.     width: 190px;
  586.     border-left: 1px solid #cccccc;
  587.     background: url("images/subnav_background.gif");
  588.     font-family: Arial, Helvetica, sans-serif;
  589.     font-size: 14px;
  590. }
  591.  
  592. /* Sidebar */
  593.  
  594. .sidebar {
  595.     margin: 0px;
  596.     padding: 0px;
  597.     margin-bottom: 20px;
  598. }
  599.  
  600. .sidebar a:link, .sidebar a:visited, .sidebar a:active {
  601.     color: #999;
  602.     text-decoration: none;
  603. }
  604.  
  605. .sidebar a:hover {
  606.     color: #c7674a;
  607.     text-decoration: underline;    
  608. }
  609.  
  610. .sidebar a.currentPage:link, .sidebar a.currentPage:visited, .sidebar a.currentPage:active {
  611.     color: #c7674a;
  612.     text-decoration: underline;
  613. }
  614.  
  615. .sidebar .currentSection {
  616.     border: 0px red solid;
  617.     height: 48px;
  618.     width: 203px;
  619.     background: none;
  620.     margin: 10px 0px 0px 2px;
  621.     width:203px;
  622.     margin-left:auto;
  623.     margin-right:-5px;
  624. }   
  625.  
  626. .sidebar .second_sidebar{
  627.     margin-left: 20px;
  628.     margin-top: 5px;
  629.     margin-bottom: 5px;
  630. }
  631.  
  632. .sidebar .third_sidebar{
  633.     margin-left: 40px;
  634.     margin-top: 5px;
  635.     margin-bottom: 5px;
  636. }
  637.  
  638. /* Registration Form */
  639.  
  640. div.registration_form_wrapper
  641. {
  642.     margin-top: 10px;
  643.     margin-left: 0px;
  644.     border: 0px solid red;
  645. }
  646.  
  647. div.results_wrapper
  648. {
  649.     margin-top: 10px;
  650. }
  651.  
  652. div.registration_form_wrapper .input_hidden
  653. {
  654.     display: none;
  655.     visibility: hidden;
  656. }
  657.  
  658. div.registration_form_wrapper .input_errors
  659. {
  660.     margin-bottom: 10px;
  661. }
  662.  
  663. div.registration_form_wrapper .input_title
  664. {
  665.     float: left;
  666.     width: 120px;
  667. }
  668.  
  669. div.registration_form_wrapper .input_field
  670. {
  671.     width: auto;
  672.     margin-bottom: 10px;
  673. }
  674.  
  675. div.registration_form_wrapper .input_field .txt
  676. {
  677.     width: 350px;
  678.     border: 1px solid #BE623B;
  679. }
  680.  
  681. div.registration_form_wrapper .input_options .but
  682. {
  683.     width: 120px;
  684.     text-align: center;
  685.     border: 1px solid #BE623B;
  686.     background-color: #ccc;
  687.     cursor: hand;
  688. }
  689.  
  690. .form_required
  691. {
  692.     color: #AC542E;
  693.     font-weight: bold;
  694.     font-size: 10px;
  695.     font-family: Verdana, Arial, Sans Serif;
  696. }
  697.  
  698.  
  699. TD.headerNavigation {
  700.     border-top: solid 1px #e2e2e2;
  701.     border-bottom: solid 1px #e2e2e2;
  702.     height: 24px;
  703.         font-family: Verdana, Arial, sans-serif;
  704.         font-size: 10px;
  705. }
  706.  
  707. TD.Line {
  708.     border-top: solid 1px #e2e2e2;
  709. }
  710.  
  711. input,textarea {
  712.     font-family: tahoma;
  713.     font-size: 10px;
  714.     color: #666666;
  715.     border: 1px solid #999999;
  716. }
  717.  
  718.